@charset "UTF-8";

@import "./variables.scss";

//基础按钮
.btn{
  display: inline-block;
  padding: $rem * 6 $rem*8;
  margin-bottom: 0;
  font-size: $rem*28;
  font-weight: 400;
  line-height: 1rem/16*17;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: $rem*10;
}

//主色
$primary-color:#cc3333;
$primary-active-color:#960000;

//主色按钮
.btn-primary{
  background-color: $primary-color;
  color:#fff;
  border-color:$primary-color;
  &:active{
    background-color:$primary-active-color;
  }
}

.btn-primary-border{
  background-color:#fff;
  border:1px solid  $primary-color;
  color: $primary-color;
}

.btn-full{
    width:100%!important;
}
